@extends("default.common.layout")

@section("content")
    <div class="body-center">
        <!-- 轮播 -->
        <div class="index-banner">
            <div class="index-banner-box">
                <div class="carousel slide" data-bs-ride="carousel" id="carouselExampleIndicators">
                    <div class="carousel-inner">
                        @T:Ad(pid = 1)
                            <div class="carousel-item @if($loop->first)active @endif">
                                <img class="d-block w-100" src="{{$field['photo']}}" alt="{{$field['photo']}}"/>
                            </div>
                        @T:end
                    </div>
                    <button class="carousel-control-prev pre-btn" data-bs-slide="prev" data-bs-target="#carouselExampleIndicators" type="button">
                        <span aria-hidden="true" class="carousel-control-prev-icon"></span>
                        <span class="visually-hidden">Previous</span>
                    </button>
                    <button class="carousel-control-next next-btn" data-bs-slide="next" data-bs-target="#carouselExampleIndicators" type="button">
                        <span aria-hidden="true" class="carousel-control-next-icon"></span>
                        <span class="visually-hidden">Next</span>
                    </button>
                </div>
            </div>
            <!-- 公示公告 -->
            <div class="publicity">
                <div class="container">
                    <div class="publicity-box">
                        <div class="left iconfont">&#xe847;</div>
                        <div class="right">
                            <div class="carousel slide" data-bs-ride="carousel" id="carouselExampleSlidesOnly">
                                <div class="carousel-inner">
                                    @T:archives(tid='4', row='3')
                                        <div class="carousel-item @if($loop->first)active @endif">
                                            <div class="tip-box">
                                                <a href="/article/detail_{{$field['id']}}.html">{{$field['title']}}</a>
                                                <span class="time">【{{$field['created_at']}}】</span>
                                            </div>
                                        </div>
                                    @T:end
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="container">
            <!-- 新闻中心 -->
            <div class="index-news">
                <div class="news-box">
                    <div class="title">
                        <p>新闻资讯</p>
                        <p>国醇文化</p>
                    </div>
                    <div class="row">
                        <div class="col-12 col-sm-12 col-md-5 nws-banner">
                            <div class="carousel slide" data-bs-ride="carousel" id="news">
                                <div class="carousel-inner">
                                    @T:ad(pid=2)
                                        <div class="carousel-item @if($loop->first)active @endif">
                                            <img alt="{{$field['title']}}" class="d-block w-100" src="{{$field['photo']}}"/>
                                            <div class="text">
                                                <a href="/">{{$field['title']}}</a>
                                            </div>
                                        </div>
                                    @T:end
                                </div>
                                <button class="carousel-control-prev pre-btn" data-bs-slide="prev" data-bs-target="#news" type="button">
                                    <span aria-hidden="true" class="carousel-control-prev-icon"></span>
                                    <span class="visually-hidden">Previous</span>
                                </button>
                                <button class="carousel-control-next next-btn" data-bs-slide="next" data-bs-target="#news" type="button">
                                    <span aria-hidden="true" class="carousel-control-next-icon"></span>
                                    <span class="visually-hidden">Next</span>
                                </button>
                            </div>
                        </div>
                        <div class="col-12 col-sm-12 col-md-7 right-box news active">
                            <ul>
                                @T:archives(tid='3', row='8')
                                    <li>
                                        <a href="/article/detail_{{$field['id']}}.html">
                                            <span>{{$field['title']}}</span>
                                            <span class="time">{{date("Y-m-d", strtotime($field['created_at']))}}</span>
                                        </a>
                                    </li>
                                @T:end
                            </ul>
                        </div>
                        <div class="col-12 col-sm-12 col-md-7 right-box culture">
                            <ul>
                                <li>
                                    2008
                                    年，国醇品牌创始人，受茅台所邀对这里的车间情况进行深入助探。而这群
                                    踏遍全球的地勘人，在勘探赤水河河谷的独特性中，发现士壤、空气、水文、酿造工艺微生物积淀、岩层结构等共同作用下带来的不可替代的酱酒品质。这便为国醇的创办埋
                                </li>
                                <li>
                                    十余年的探访、科考和学习，依托自身对地质结构的了解，和地勘人骨子里不断探索，不辞艰辛的干劲，国醇人积累了丰富的田野经验和足够的酱酒知识。更使得他们明白，酱酒是时间和人相互作用的产物，想要酿好一坛酱香酒，要与时间做朋友，向士地求学问，在传统技艺中守正初心。
                                </li>
                                <li>
                                    2022年5月28日下午,国醇酒业集团品牌发布会在贵阳市观山湖区万丽酒店成功
                                    举行。这是国醇与公众的首次见面。发布会当天邀请了省内外酱酒研究者、酒商酒友产聚一堂共同见证国醇这一新秀面世。国醇的酱酒之旅便于此开启。
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!-- 广告 -->
                    <div class="news-advertisement">
                        @T:ad(pid='3',limit='1')
                            <img class="img-fluid" alt="{{$field['title']}}" src="{{$field['photo']}}">
                        @T:end
                    </div>
                </div>
            </div>
            <!-- 产品中心 -->
            <div class="index-product">
                <div class="product-box">
                    <div class="title">
                        <p>产品中心</p>
                    </div>
                    <ul class="nav-bar">
                        <li class="active">国醇佳酿</li>
                        <li>国醇红酒</li>
                    </ul>
                    <ul class="content-box">
                        <!-- 国醇佳酿 -->
                        <li class="active">
                            <div class="row">
                                <div class="col-12 col-sm-12 col-md-4">
                                    @T:archives(tid='5', row='1')
                                        <div class="product-content">
                                            <img class="img-fluid" src="{{$field['photo']}}"/>
                                            <div class="bottom">{{$field['title']}}</div>
                                            <div class="detail">
                                                <a href="/product/detail_{{$field['id']}}.html">详情</a>
                                                <h3>{{$field['title']}}</h3>
                                                <p class="desc">
                                                    {{$field['type']}} | {{$field['vol']}} | {{$field['spec']}}
                                                </p>
                                            </div>
                                        </div>
                                    @T:end
                                </div>

                                <div class="col-12 col-sm-12 col-md-4">
                                    @T:archives(tid='6', row='1')
                                    <div class="product-content">
                                        <img class="img-fluid" src="{{$field['photo']}}"/>
                                        <div class="bottom">{{$field['title']}}</div>
                                        <div class="detail">
                                            <a href="/product/detail_{{$field['id']}}.html">详情</a>
                                            <h3>{{$field['title']}}</h3>
                                            <p class="desc">
                                                {{$field['type']}} | {{$field['vol']}} | {{$field['spec']}}
                                            </p>
                                        </div>
                                    </div>
                                    @T:end
                                </div>
                                <div class="col-12 col-sm-12 col-md-4">
                                    @T:archives(tid='7', row='1')
                                    <div class="product-content">
                                        <img class="img-fluid" src="{{$field['photo']}}"/>
                                        <div class="bottom">{{$field['title']}}</div>
                                        <div class="detail">
                                            <a href="/product/detail_{{$field['id']}}.html">详情</a>
                                            <h3>{{$field['title']}}</h3>
                                            <p class="desc">
                                                {{$field['type']}} | {{$field['vol']}} | {{$field['spec']}}
                                            </p>
                                        </div>
                                    </div>
                                    @T:end
                                </div>
                            </div>
                        </li>
                        <!-- 红酒系列 -->
                        <li>
                            <div class="row">
                                @T:archives(tid='8', row='3')
                                <div class="col-12 col-sm-12 col-md-4">
                                    <div class="product-content">
                                        <img class="img-fluid" src="{{$field['photo']}}"/>
                                        <div class="bottom">{{$field['title']}}</div>
                                        <div class="detail">
                                            <a href="/product/detail_{{$field['id']}}.html">详情</a>
                                            <h3>{{$field['title']}}</h3>
                                            <p class="desc">
                                                {{$field['type']}} | {{$field['vol']}} | {{$field['spec']}}
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                @T:end
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 企业介绍 -->
            <div class="index-enterprise-introduce">
                <div class="index-enterprise-introduce-box">
                    <div class="title">
                        <p>企业介绍</p>
                    </div>
                    <div class="content">
                        <div class="row">
                            <div class="col-12 col-sm-6">
                                <div class="title">
                                    国醇 品牌成就出的美酒与企业
                                </div>
                                <div class="desc">
                                    <p>
                                        国醇酒业集团有限公司成立于2020年11月25日集团注册资本5000.00万元。2021年,国醇酒业集团从北京迁往贵阳，集团专注于酱酒品牌打造、生产以及经营的白酒企业，整合酱酒生产、品牌、经销为一体，提供全方位、产业化产业链服务。公司秉承“国醇酱香-源于初心”的企业文化,将醇正酱香献给世界的品牌初心，成就最经典、最传统的酱香美酒，为世界献上一杯经典酱香。
                                    </p>
                                </div>
                                <a class="btn" href="/company.html">了解更多</a>
                            </div>
                            <div class="col-12 col-sm-6 enterprise-introduce-img">
                                <img class="img-fluid" src="{{_asset('static/images/enterprise-introduce1.jpg')}}"/>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 战略规划 -->
            <div class="index-plan">
                <div class="index-plan-box">
                    <div class="title">
                        <p>战略规划</p>
                        <h3>国醇 战略规划出的未来与财富</h3>
                    </div>
                    <div class="row">
                        <div class="col-12 col-sm-12 col-md-4 content">
                            <h4>短期战略目标</h4>
                            <div class="line"></div>
                            <p>
                                至2025年，[国醇]线上与线下省级代理商(合伙人)达不少于20家
                            </p>
                            <p>[国醇]线上与线下区/县代理商不少于500家</p>
                            <p>[国醇]线上特约经销商数量不少于600万人</p>
                        </div>
                        <div class="col-12 col-sm-12 col-md-4 content">
                            <h4>中期战略目标</h4>
                            <div class="line"></div>
                            <p>5-8年的时间分支机构及连锁遍布全中国</p>
                            <p>至2028年，同时服务终端用户5000万人</p>
                            <p>帮助特约经销商/代理商/合伙人100 万人</p>
                            <p>帮助国醇酱酒文化体验馆不少于1800家</p>
                        </div>
                        <div class="col-12 col-sm-12 col-md-4 content">
                            <h4>长期战略目标</h4>
                            <div class="line"></div>
                            <p>
                                让“国醇集团”具有世界影响力的中国酒业航母及白酒文化传播平台。
                            </p>
                            <p>
                                让[国醇是时间沉淀下来的酒品与人品!]这句话传遍千家万户!
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection

@section('script')
<script>
    $('.index-news>.news-box>.title>p').mouseover(function () {
        let idx = $(this).index()
        $('.index-news>.news-box>.row>.right-box')
            .eq(idx)
            .addClass('active')
            .siblings()
            .removeClass('active')
    })

    $('.index-product>.product-box>.nav-bar>li').click(function () {
        $(this).addClass('active').siblings().removeClass('active')
        let idx = $(this).index()
        $('.index-product>.product-box>.content-box>li')
            .eq(idx)
            .addClass('active')
            .siblings()
            .removeClass('active')
    })
</script>
@endsection
